<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商家联盟</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/finance.css">
    <style>
       html,body{
           width: 100%;
           height: 100vh;
       }
    </style>
</head>
<body>
<div id="backstage" class="layui-layout layui-layout-admin">
    <union-header :header="header"></union-header>
    <uniocn-side :side="side"></uniocn-side>
    <uniocn-com></uniocn-com>
</div>
</body>
<script src="layui/layui.js"></script>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/vue2.5.16.js"></script>
<script src="./js/public.js"></script>
<script src="./js/data.js"></script>
<script>
    new Vue({
        el: "#backstage",
        data: {
            header: data.header,
            side: data.side,
            applyList: [
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
            ]
        }
    })
</script>
</html>